Hay dos formas de añadir una imagen de fondo a las entradas.
Una es modificando nuestra plantilla en concreto la CSS lo que hará que la imagen de fondo aparezca en todas las entradas.
Para ello nos situamos en Plantilla de diseño/Edición HTML buscamos:

.post-body {
clear: both;
padding-top: 10px;
}

Y lo sustituimos por lo siguiente:

.post-body {
background: url(url-de-la-imagen) top left;
clear: both;
padding-top: 10px;
}

Si deseamos que la imagen sólo sea visible en algunas entradas entonces optaremos por añadir el siguiente código en la plantilla de entrada: Configuración/Formato/Plantilla de entrada de esta forma aparecerá en nuestro editor de entradas de forma automática sin necesidad de copiar y pegar cada vez.







<table background="url-de-la-imagen" border="0"
bordercolor="#000000" cellpadding="0" cellspacing="0"height="100%"
width="100%"><tbody><tr><td><p>
texto-texto-texto-texto-texto
</p><p></p></td></tr></tbody></table>






Para añadir un borde a la imagen aumentaremos border="0" a border="1" en este caso también podemos escoger el color del borde en bordercolor="#000000"
Cuidaremos que la imagen tenga la misma medida que el espacio de nuestras entradas para que no se repita o añadiremos una imagen tipo degradado.

!Suerte Joaquin ¡

Liz Hopps

HOLAAAAAAAAAAAAAAA
tanto tiempooooooo...te he extrañado mucho...no he venido por tus sabios consejos porque estoy loca con la u..y si Dios quiere egreso el viernes..solo si Dios quiere así que si eres creyente reza por favor...vendré pronto a verte y te quería invitar a que fueras a mi blog y conocieras a mi familia gatuna y perruna...mi casa es un zoo...creo que usare todos tus truquillos para fotos con mis nenes en el verano
un besote
nunca te olvido...te debo mucho

Responder
Anónimo

Me encanta tu blog¡¡¡¡¡, pero ...prefiero estar calladito que luego..me regañas....

Responder
Vichito

Me gustó mucho tu blog, así que me tomé la libertad de enlazarte.
Saludos.

Responder
Charo Bolivar

Hola Gema guapa.

He adornado mi blog de Navidad, si puedes échale un vistazo a ver que te parece.

Gracias

Responder
Gem@

!Hola Elizabetha¡ me alegra verte de nuevo, ojalá todo salga como esperas espero que así sea y todo tu esfuerzo se vea recompensado ;)
Pasaré a visitar tu blog, gracias por invitarme, espero noticias tuyas...
Un besote :)

anónimo jajajaja ¿te gusta mi blog? ¿te ha sido útil alguna vez?
Calladito o hablando me encanta saber de ti ya lo sabes y nada de regañar al contrario.

Gracias Vichito espero serte útil en algún momento :)

Hola Charo lo he visto :)
Ha queda estupendo y muy elegante, vi esos copitos de nieve en el blog de Rosa y me gustan mucho, al ser pequeños no molestan para leer.
También me gusta ese color de fondo que añadiste le da más vida al blog.
Un abrazo amiga.

Responder
Mingo

Te deseo que las maravillas de la naturaleza, te traigan una alegria especial en estas señaladas fechas. Felices Navidades!!!

Responder
Liz Hopps

Es muy temprano donde vivo...me levante para hacer un trabajo y decidi mirar tu blog...tengo miles de cosas que incluirrr y aprender...como ya no me las quiero perder he decidido suscribirme a tu blog...jajaj si cuando de nuevo no tengo casi tiempo para comer no me perderé nada tuyo(eres lejos el mejor blog de ayuda que conozco)...sera como una revista on line de lo que mas me interesa...los blogs...
Gemma se que lo debes haber puesto en alguna parte, pero quiero cambiar el papel de fondo de mi blog de amigos y de cuentos como lo hago?...estan en el blogger nuevo
Besos..¡me muero de sueño!

Besos

Responder
Liz Hopps

mas preguntas...sorry...se que mi blog carga lento y he visto en un par de blogs unas ventanitas que dicen "cragando espere" o algo asi...la que mas me ha gustada es la que esta aca:
http://masternod.blogspot.com/...sabes como hacerlo...ohhh soy mas preguntona que un niño de 5 años...=)
besis

Responder
Gem@

Hola Mingo :D
Gracias por pasar a visitarme y por esos buenos deseos plasmados en bellas palabras.
Felices fiestas, y feliz año nuevo amigo.
Un abrazo.

Hola Elizabetha, espero ponerme al día con el blog en el fin de semana y contestar a todos porque esta semana he estado muy escasa de tiempo. Disculpa..

El fondo del blog lo puedes cambiar donde dice:
body {
background:#ffffff;
Y sustitúyelo por:
body {
background:url('aquí la url de tu imagen de fondo');
Si lo que deseas es que la imagen quede fija también puedes hacerlo.
Mira esta entrada.

Sobre como añadir una imagen de carga puedes verlo aquí
Y aquí generadores de imágenes de carga, los hay muy bonitos y escoges el color de la imagen y del fondo..
La forma en que está aplicado en el enlace que dejas pienso que es añadiendo una imagen justo en el lugar donde aparece la imagen de carga, pero lo debo mirar en el código fuente de ese blog ;)
(Mañana lo miro y te explico)
Elizabetha debes tomar las cosas con calma, me refiero a que es necesario descansar para tener un buen rendimiento ;)
Las prisas no llevan a ninguna parte el razonamiento si ;)

Un abrazo grande.

Responder
alejandra

q buena ifo gem@

Responder
Anónimo

hola gem@!! ahora quiero cambiar o eliminar la imagen de fondo del blog en http://paraninosconcabeza.blogspot.com. no encuentro la información... ¿qué debo hacer? uy mi cabeza no funciona, ya ves.

Responder
Gem@

Me alegra que te guste Alejandra :)

S.O.S. no veo que tenga imagen de fondo ese blog :O
Si deseas añadirla mira Texto :)

Responder
Victor C

Hola Gema Una pregunta se pueden colocar 2 imagenes de fondo?, por ejemplo si te fijas en mi blog tengo una foto en la parte superior derecha del blog como fondo; pero me gustaria tener tambien en la parte inferior izquierda del blog mi nombre Victor Colina, Bueno digo 2 imagenes ya que el molde del nombre lo tengo en archivos imagen (jpg, pero acepto sugerencia...

Muchas Gracias por tu colaboracion...

Saludos

Responder
Gem@

Hola Víctor uffff sabía que tenía algo pendiente y hasta ahora no he recordado que era... Se trataba de añadir un gadget en la parte izquierda ¿verdad?.
Veamos a esta pregunta te digo... que voy a probar ahora mismo y te contesto aquí mismo, si no puede hacerse como dices hay una opción es crear un fondo (uno sólo) con el nombre a la izquierda y la imagen a la derecha. Te contesto en diez minutos ;)
En respuesta a la anterior pregunta y para ser más rápidos te dejo este enlace de Pizcos donde explica como añadir tres gadgets en el footer, puede hacerse con dos también, si ves que te crea dudas me lo haces saber y te guío paso paso vía mail para llevar un mejor seguimiento.

Responder
Gem@

He probado y la mejor opción al menos para mi es la de crear un sólo fondo, hice una prueba rápida aquí (es sólo una prueba eh) el color rojo lo añadí para que resaltara y ver el efecto, las letras son horrorosas pero da una idea habría que ajustar un poco la medida y en fin, hacerlo con más calma ;)

Responder
Victor C

que bien muchas gracias gema ahora lo pondre en practica... lo que si no tengo muy claro es lo del gadget pero ya me pongo a leer bien el post de pizcos... nuevamente muchisimas gracias

Un abrazo

Responder
Gem@

Cualquier duda me dices ;)

Responder
Unknown

ROSA QUISIERA SABER SI PUDO HACER ESTO CON UNA FOTO Y COLOCAR ENCIMA DE LA FOTO UN REPRODUCTOR COMO ESTA AQUI http://www.tvenip.com/ PERO NO LO HE PODIDO LOGRAR GRACIAS POR TU AYUDA

Responder
Gem@

YZ tvcolombiana se puede añadir cualquier cosa ,como en cualquier otra entrada.

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Hola gema como vas
yo aca haciendo los cambios y mejoras: tengo una duda, no encontre el .Post-body{ que mencionas, aca te detallo lo que aparece en mi plantilla:
.date-header
.post
.post-title
.post-title a; .post-title: a visited; .post-title strong{ text decoration:none;
.post div
.post footer
.post footer .span
.post img
.post blockquote
.post blockquote p
y seria no hay mas, no quize tocar nada...no quize meter la pata

Hasta el momento ningun problema con lo de las fotos, cuando puedas dale una miradita

Responder
Gem@

yz Prueba en .post div Giovanna hay plantillas que presentan los estilos con distinto nombre.
Las imágenes vi que les eliminaste el enlace, están mejor así. Les falta nitidez es una pena porque son bonitas.

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Hola preciosa, tiempo ya desde la ultima vez, he andado en cursos y cocinando extra...en fin...tu como estas veo q con mucho trabajo.
para que te cuento a mi q no me resulta nada, lo del fondo de las entradas no me resulto para colmo agregue una img. en la cabecera pero quede colgada x q no supe darle el ancho, te dejo la ruta del blog de pruebas, pero te expliq mejor en el email que te envie (http://grandessaborescategorias.blogspot.com/)

Cariños

Responder
Gem@

yz Hola Giovana, la imagen de los post no te resulta porque no es una textura, para que quede todo uniforme debe ser una textura que al repetirse forme una sola imagen, esta tuya tiene terminaciones más oscuras en los extremos y por eso forma las líneas.
La imagen de la cabecera puedes subirla en plantilla de diseño donde dice gadget de cabecera.
El mail no lo he recibido, no es la primera vez que ocurre y los estoy recibiendo sin problemas :O

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Hola preciosa q tal?
yo aca de paso, no habia visto este comentario, sorry, en cuanto al e-mail se quedo en mi bandeja de borradores como copiaba y pegaba las imgs. no me di cuenta hasta hace unos dias.
de todas maneras estoy de pruebas e hice cambios los podras ver para q me des tu opinion,

besos y abrazos a la distancia...ah te quedaron muy bien los cambios, es super facil navegar por tu blog, te lo digo yo q curoseo por todos lados (categorias)

Responder
Gem@

yz Saludos Giovana esperemos la pruebas entonces.
Gracias por el comentario :D

Responder
Anónimo

gem@ se ma ha olvidado cómo hacer para que la imagen de fondo no coupe la parte central del blog, que quiero que quede en blanco u otro color. ¿cómo se hacía, pliiis?

Responder
Gem@

yz lk prueba añadiendo en outer-wrapper el clor de fondo.
#outer-wrapper {
background:#fff;
.............
.............
.............
}

Responder
Megu-chan

que buen post ^^ emm.. me preguntaba como se puede hacer para que el fondo no me incluya la parte en que sale lo de Página Principal y suscribirse a... :( he buscado mucho y no he encontrado nada T-T si me pudieses ayudar estaria muy agradecida :)

Responder
Gem@

:: Lamento llegar tan tarde Megu-chan :S

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top